<template>
  <div class="index">
    <wx-index-navbar>
      <div slot="title">微信</div>
    </wx-index-navbar>
    <div class="mt"></div>

    <single-message v-for="(item,index) in messageList" :key="'messageDes'+index"
                    :avatar="item.avatar" :name="item.name" :content="item.content" :time="item.time"></single-message>
    <div class="blank"></div>
    <tabbar></tabbar>
  </div>
</template>

<script>
import {messageList} from "@/data/message";
import Tabbar from "@/components/tabbar/tabbar";
import WxIndexNavbar from "@/components/wxIndexNavbar/wxIndexNavbar";
import SingleMessage from "./singleMessage";

export default {
  name: "index",
  components: {SingleMessage, WxIndexNavbar, Tabbar},
  data() {
    return {
      messageList
    }
  }
}
</script>

<style scoped>

</style>